<template>
  <div class="news">
    <div class="contents main clear_fix">
      <div class="con-left onlynews">
        <template>
          <div class="block">
            <el-carousel height="400px">
              <el-carousel-item
                v-for="item in imgs"
                :key="item"
              >
                <h3><img
                    :src='item'
                    alt=""
                    class="bannerImg"
                  ></h3>
              </el-carousel-item>
            </el-carousel>
          </div>
        </template>
        <div class="newlingyang">
          <div class="newbot">
            <div class="newlist petsNews">
              <div class="list-left">
                <router-link to="/news/detail">
                  <img
                    src="../../../public/images/news/news1.jpg"
                    alt=""
                  >
                </router-link>
              </div>
              <div class="list-right">
                <h3 class="news-title">哈士奇这种狗子除了比较闹腾和爱拆家，偶尔神经质之外还是蛮可实</h3>
                <div class="news-content">
                  <p>
                    其实哈士奇这种狗子除了比较闹腾和爱拆家，偶尔神经质之外还是蛮可爱的，毕竟他的性格非常逗逼搞笑，时不时的就能给主人送上一波的意外惊喜，生活当中也是笑料不断的存在，想必很多主人平时都挺替二哈感到丢脸的，但是今天二哈居然嫌弃主人丢脸了……
                  </p>
                  <p>
                    事情是这个样子的，一天都傍晚，因为网友小姐姐带着自己的哈士奇像往常一样出门去跑步，可是在经过一个隧道的时候，网友小姐姐一个不留神，也可能是跑太快，没有注意到前面的路况，竟然跑着就被自己绊倒了，小姐姐先是双膝跪地，接着就跟大地母亲来了一个非常结实的拥抱，这看着就疼啊!
                  </p>
                  <p>
                    主人意外摔倒，二哈竟然一个急刹车扭头就跑
                  </p>
                  <p>
                    然而原先跑在小姐姐旁边的哈士奇一看主人摔倒了，第一反应竟然不是上前观察主人有没有受伤，而是来了一个紧急刹车，接下来扭头就跑……
                  </p>
                  <p>
                    主人意外摔倒，二哈竟然一个急刹车扭头就跑
                  </p>
                  <p>
                    看着哈士奇紧急刹车的样子，小编大胆推测有两种可能，第一是因为他被主人的花式摔跤吓到了，然后因为怂，所以才转头逃跑的，第二种可能就是：哈士奇觉得主人的这个大马趴太多人了，所以赶紧跑撇清关系。
                  </p>
                  <p>
                    但不管怎么说，哈士奇扭头就跑了，这个行为着实让主人凉凉了。从地上爬起来的主人在逮到哈士奇之后，还让他看自己胳膊上受的伤。而此时哈士奇却是满脸无辜的望的主人：干什么?是你自己摔的，怎么能怪本宝宝呢?这表情真的是让网友小姐姐又好气又好笑啊。
                  </p>
                  <p>
                    可是没办法呀，谁让你养的是一只哈士奇呢?对于这种狗子来说逃跑是最为常见的事情了。
                  </p>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
      <right></right>
    </div>
  </div>
</template>
<script>
import right from '../../components/right'
export default {
  data: () => ({
    imgs: ['/img/banner1.ec7466d8.jpg', '/img/banner2.5cef6f03.jpg', '/img/banner3.e560df0b.jpg']
  }),
  components: {
    right
  }
}
</script>
<style lang="scss">
.news {
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }
  .bannerImg {
    width: 800px;
    height: 400px;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n + 1) {
    background-color: #d3dce6;
  }
}
</style>